<template>
  <div :title="title">
    <span class="sat-one-ellipsis">
       {{key1}}
    </span>
  </div>
</template>

<script>
  export default {
  name: "sat-row-alternative",
    props: {
      k1: {
        type: String | Number
      }
    },
    computed: {
      key1() {
        return this.k1
      },
      title() {
        return `${this.key1 ||''}`
      }
    }
  }
</script>

<style scoped>
  .sat-one-ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    padding-bottom: 3px
  }
</style>